<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <title>Document</title>
    <style>
        body {
            background-color: rgb(180, 206, 243);
            font-size: 20px;
        }

        .index {
            padding-top: 100px;
            padding-bottom: 100px;
            margin: auto;
            width: 920px;
            background-color: white;
            box-shadow: 10px 10px 15px black;
            margin-top: 50px;
        }

        form {
            padding-left: 100px;
            line-height: 180%;
        }

        p {
            line-height: 180%;
        }

        #btn {
            background-color: #425fc9;
            color: white;
            padding: 5px 10px;
            margin-left: 320px;
            margin-top: 16px;
            margin-bottom: 20px;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div id="user" style="display: none;"></div>
    <div class="index">
        <p style="font-size:30px;text-align: center;">教学类软件评价指标重要性调查问卷</p>
        <div style="width:75% ;margin: auto;text-indent:2em;">
            在疫情时代，线上教学占据的比重越来越大，相关的教学类软件也都不断发展，面对一定数量的教学类软件，大众对其评价指标的重要性程度也有着各自看法，该调查旨在分析人们对于各种教学类软件评价指标的重要性看法。</div>
        <br>
        <br>
        <p style="width:75% ;margin: auto;text-indent:2em;">您可以查看以下问卷。</p>
        <p style="width:75% ;margin: auto;text-indent:2em;text-align: center; background-color: rgb(174, 204, 228);color: rgb(0, 0, 0);"
            onclick="wj1()">问卷一</p>
        <p style="width:75% ;margin: auto;text-indent:2em;text-align: center;background-color: rgb(64, 121, 167);color: rgb(255, 255, 255);"
            onclick="wj2()">问卷二</p>
        <p style="width:75% ;margin: auto;text-indent:2em;text-align: center;background-color: rgb(174, 204, 228);color: rgb(0, 0, 0);"
            onclick="wj3()">问卷三</p>
        <p style="width:75% ;margin: auto;text-indent:2em;text-align: center;background-color: rgb(64, 121, 167);color: rgb(255, 255, 255);"
            onclick="wj4()">问卷四</p>
    </div>
    <script>
        var loc = location.href;
        var n1 = loc.length;
        var n2 = loc.indexOf('=')
        if (n2 >= 0 && n2 <= n1) {
            var n3 = loc.substring(n2 + 1);
            var username = n3;
            username = username.toString();
            document.getElementById("user").innerHTML = username
            var data = {
                username
            }
            console.log("data:", data)
            document.getElementById("us").value = username;

            // $.get('/main11',data,function(re){ })
        } else {
            alert("非法进入！");
            window.location = "index.html"
        }

        function wj1() {
            window.location = "main1.html?username=" + document.getElementById("user").innerHTML
        }

        function wj2() {
            var k = 1;
            var data = {
                k
            }
            $.get('/du1', data, function (re) {
                if (re.length < 10) {
                    alert("上一份问卷还未收集完毕，请等待")
                }else{
                    window.location = "main11.html?username=" + document.getElementById("user").innerHTML
                }
            })
            
           
        }

        function wj3() {
            var k = 1;
            var data = {
                k
            }
            $.get('/du', data, function (re) {
                if (re.length < 10*14) {
                    alert("上一份问卷还未收集完毕，请等待")
                }else{
                    window.location = "main12.html?username=" + document.getElementById("user").innerHTML
                }
            })
            
        }

        function wj4() {
            var k = 1;
            var data = {
                k
            }
            $.get('/du2', data, function (re) {
                if (re.length < 10*14) {
                    alert("上一份问卷还未收集完毕，请等待")
                }else{
                     window.location = "main13.html&username=" + document.getElementById("user").innerHTML
                }
            })
           
        }

    </script>
</body>

</html>